<template>
    <div>
        <van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="height: 900px">
            <van-nav-bar title="学生招聘移动端" left-text="首页">
                <template #right>
                    <van-icon name="search" size="18" />
                </template>
            </van-nav-bar>
            <van-search
                    v-model="value"
                    shape="round"
                    background="#fff"
                    placeholder="请输入搜索关键词"
            />
            <van-notice-bar text="足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。" left-icon="volume-o" />
            <van-swipe
                    style="margin-top: 4px"
                    :height="130"
                    :autoplay="3000">
                <van-swipe-item v-for="(image, index) in images" :key="index">
                    <img v-lazy="image" />
                </van-swipe-item>
            </van-swipe>

            <div style="margin-top: 16px; font-size: 16px">
                <div style="margin-top: 10px; margin-left: 18px; width: 60px; float: left">
                    <svg style="width: 50px; height: 50px" t="1592385607897" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2236" width="200" height="200"><path d="M654.186667 336H369.813333a42.666667 42.666667 0 0 0-42.666666 42.666667v323.52a42.666667 42.666667 0 0 0 42.666666 42.666666h284.373334a42.666667 42.666667 0 0 0 42.666666-42.666666V378.666667a42.666667 42.666667 0 0 0-42.666666-42.666667zM491.946667 460.586667a53.333333 53.333333 0 1 1 48.32 0c43.946667 12.693333 76.586667 58.773333 76.586666 113.706666a10.666667 10.666667 0 0 1-21.333333 0c0-53.333333-35.626667-96-79.466667-96s-79.466667 42.666667-79.466666 96a10.666667 10.666667 0 0 1-21.333334 0c0-54.933333 32.746667-101.013333 76.693334-113.706666zM369.92 617.6h106.666667a10.666667 10.666667 0 0 1 0 21.333333h-106.666667a10.666667 10.666667 0 1 1 0-21.333333z m292.373333 77.866667H369.92a10.666667 10.666667 0 0 1 0-21.333334h292.373333a10.666667 10.666667 0 0 1 0 21.333334z" fill="#3299C9" p-id="2237"></path><path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m206.186667 702.186667a64 64 0 0 1-64 64H369.813333a64 64 0 0 1-64-64V378.666667a64 64 0 0 1 64-64h284.373334a64 64 0 0 1 64 64z" fill="#3299C9" p-id="2238"></path></svg>
                    <span style="margin-top: 20px; margin-left: 10px">招聘</span>
                </div>
                <div style="margin-top: 10px; margin-left: 30px; width: 60px; float: left">
                    <svg style="width: 50px; height: 50px" t="1592386484461" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8349" width="200" height="200"><path d="M445.672727 451.258182a17.221818 17.221818 0 0 0 18.152728-4.421818L512 398.429091l61.905455 61.672727a18.152727 18.152727 0 0 0 25.6-25.6L538.065455 372.363636l48.407272-48.407272a17.687273 17.687273 0 0 0 4.421818-18.152728 17.454545 17.454545 0 0 0-13.730909-12.567272l-153.367272-30.72a18.152727 18.152727 0 0 0-21.410909 21.410909l30.72 153.367272a17.454545 17.454545 0 0 0 12.567272 13.963637z" fill="#0000FF" p-id="8350"></path><path d="M905.309091 830.603636l-33.512727-100.538181a46.545455 46.545455 0 0 0-44.218182-31.883637H605.090909v-46.545454h209.454546a46.545455 46.545455 0 0 0 46.545454-46.545455V139.636364a46.545455 46.545455 0 0 0-46.545454-46.545455H209.454545a46.545455 46.545455 0 0 0-46.545454 46.545455v465.454545a46.545455 46.545455 0 0 0 46.545454 46.545455h209.454546v46.545454H196.421818a46.545455 46.545455 0 0 0-44.218182 31.883637L118.690909 830.603636a46.545455 46.545455 0 0 0-2.327273 14.661819V884.363636a46.545455 46.545455 0 0 0 46.545455 46.545455h698.181818a46.545455 46.545455 0 0 0 46.545455-46.545455v-39.098181a46.545455 46.545455 0 0 0-2.327273-14.661819z m-517.818182-384l-30.72-153.367272a64.698182 64.698182 0 0 1 76.101818-76.101819l153.367273 30.72a64.465455 64.465455 0 0 1 33.047273 109.149091l-15.592728 15.592728 29.09091 28.858181a65.163636 65.163636 0 0 1 0 91.694546 65.163636 65.163636 0 0 1-46.545455 18.850909 64.465455 64.465455 0 0 1-46.545455-18.850909L512 464.058182l-15.592727 15.592727a64.465455 64.465455 0 0 1-109.149091-33.047273zM791.272727 791.272727H232.727273a23.272727 23.272727 0 0 1 0-46.545454h558.545454a23.272727 23.272727 0 0 1 0 46.545454z" fill="#0000FF" p-id="8351"></path></svg>
                    <span style="margin-top: 20px; margin-left: 12px">自助</span>
                </div>
                <div style="margin-top: 10px; margin-left: 30px; width: 60px; float: left">
                    <svg style="width: 50px; height: 50px" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3204" width="200" height="200"><path d="M956.91 475.5c-5.44-33.73-33.81-62.55-66.8-70.35a90.24 90.24 0 0 0-41.73 0V187.29c0-15.58 0.87-31.63-4.06-46.66a91.69 91.69 0 0 0-87.18-63.43c-25.18-0.08-50.36 0-75.54 0H275.79c-13.82 0-27.66 0.3-40.79 5.42-25.67 10-44.19 28.66-54.27 54.27-4.12 10.45-5.42 21.9-5.42 33.08v234.85c-0.53-0.11-1.06-0.23-1.59-0.33-31.64-5.74-65.64 3.93-86.65 29.24a93.31 93.31 0 0 0-22 60.73v362.12c0.28 32.24 17.87 63.58 46.56 79a95.43 95.43 0 0 0 45.67 11.25h711.2c0.53 0 1.07 0 1.6-0.05a91.52 91.52 0 0 0 84.9-64.64c3.34-11 3.66-22.39 3.66-33.77V536.52c0.01-20.16 1.47-41.04-1.75-61.02z m-62.43 1.21l-0.09-0.06z m-1-1.16l-0.53-0.73c0.14 0.18 0.31 0.46 0.5 0.73zM776.54 143.28a11.48 11.48 0 0 1-1.41-1.1c0.09-0.07 0.69 0.43 1.41 1.1z m-532.32 2.83c1-1 2.13-1.89 3.16-2.86a60.58 60.58 0 0 1 6.34-3.66 64.58 64.58 0 0 1 7.62-2.1c5.23-0.34 10.52-0.18 15.75-0.18h422.7c19.34 0 38.69-0.16 58 0 1.48 0 2.94 0.06 4.4 0.16a64.8 64.8 0 0 1 7.75 2.12 60.31 60.31 0 0 1 6 3.43c0.37 0.24 0.73 0.5 1.1 0.75 1.1 1 2.28 2.23 2.39 2.34 1 1 1.9 2.13 2.86 3.16a58.85 58.85 0 0 1 3.66 6.34 62.85 62.85 0 0 1 2.15 7.85c0.67 8.95 0.14 18.13 0.14 27V430.1a26.39 26.39 0 0 0 0.24 3.56L765.88 446l-102.64 56-103.71 56.58-47.69 26-20.63-11.26-85.11-46.41-99.5-54.28-71.73-39.13a30.33 30.33 0 0 0 0.55-5.69V196.4c0-10.76-0.75-21.94 0.1-32.76a65.35 65.35 0 0 1 2.18-8 61.47 61.47 0 0 1 3.43-6c0.24-0.37 0.5-0.73 0.75-1.09 1.04-1.15 2.23-2.32 2.34-2.44z m-2.83 2.89a11.48 11.48 0 0 1-1.1 1.41c-0.07-0.06 0.43-0.66 1.1-1.41zM136.85 880.75a10.6 10.6 0 0 1 1.41 1.1c-0.09 0.07-0.69-0.43-1.41-1.1z m660.07 6H155.88c-1.58 0-3.16-0.06-4.74-0.16a65 65 0 0 1-7.73-2.12 59.48 59.48 0 0 1-6-3.43c-0.37-0.24-0.73-0.49-1.09-0.75-1.1-1-2.28-2.23-2.4-2.34-1-1-1.89-2.12-2.86-3.16a60.58 60.58 0 0 1-3.66-6.34 65.85 65.85 0 0 1-2.19-8.07c-1-12.36-0.09-25.17-0.09-37.46V535.17c0-14.08-0.11-28.16 0-42.24 0-1.47 0.07-2.93 0.16-4.39a63.44 63.44 0 0 1 2.09-7.67 58.34 58.34 0 0 1 3.68-6.36v-0.05q1.59-1.83 3.33-3.51c0.71-0.69 2.62-1.9 3.54-2.9a59.34 59.34 0 0 1 5.55-3.13 65.51 65.51 0 0 1 7.9-2.18 65.25 65.25 0 0 1 7.66 0 63.92 63.92 0 0 1 8.37 2.39c11 5.2 21.54 11.79 32.15 17.58l78.33 42.73 95.7 52.21L456.77 623c13.14 7.17 26.15 14.75 39.49 21.55 10.41 5.3 20.89 5.24 31.2 0 1.46-0.75 2.89-1.58 4.33-2.37l20.33-11.09L627.47 590l95.35-52 85.36-46.57Q830.8 479 853.4 466.72c1.17-0.64 2.34-1.26 3.53-1.85a64.07 64.07 0 0 1 7.67-2.12 63.32 63.32 0 0 1 7.67 0 64.41 64.41 0 0 1 7.94 2.2 60.23 60.23 0 0 1 5.32 3c0.4 0.25 0.83 0.57 1.26 0.9l-1.54-1.43c1.3 1.22 2.72 2.31 4 3.56 1.12 1.09 2.2 2.23 3.24 3.4 1.38 2.19 2.68 4.38 3.85 6.66a64.52 64.52 0 0 1 2.09 7.74c1 12.46 0.12 25.35 0.12 37.75v287.69c0 14.08 0.11 28.17 0 42.24 0 1.41-0.07 2.8-0.16 4.2a65.67 65.67 0 0 1-2.13 7.77 60.23 60.23 0 0 1-3.42 6l-0.76 1.1c-1 1.1-2.23 2.28-2.34 2.39-1 1-2.12 1.89-3.15 2.86a60 60 0 0 1-6.35 3.66 65 65 0 0 1-7.76 2.13q-2 0.13-4 0.15h-71.56zM892.58 875a11.48 11.48 0 0 1 1.1-1.41c0.07 0.09-0.43 0.69-1.1 1.41z" fill="#0071C3" p-id="3205"></path><path d="M886.79 468.82c4.25 3.93 2.2 1.73 0 0z" p-id="3206"></path><path d="M336.05 279.3h308.33c14.19 0 28.43 0.31 42.63 0h0.63c15.72 0 30.78-13.82 30.05-30.06s-13.2-30.05-30.05-30.05H379.31c-14.2 0-28.44-0.31-42.63 0h-0.63c-15.72 0-30.79 13.82-30.06 30.05s13.21 30.06 30.06 30.06zM336.05 421.11h308.33c14.19 0 28.43 0.31 42.63 0h0.63c15.72 0 30.78-13.82 30.05-30.06S704.49 361 687.64 361H379.31c-14.2 0-28.44-0.31-42.63 0h-0.63c-15.72 0-30.79 13.82-30.06 30.05s13.21 30.06 30.06 30.06z" fill="#FD9A16" p-id="3207"></path></svg>
                    <span style="margin-top: 20px; margin-left: 12px">报名</span>
                </div>
                <div style="margin-top: 10px; margin-left: 30px; width: 60px; float: left">
                    <svg style="width: 50px; height: 50px" t="1592386238352" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3964" width="200" height="200"><path d="M426.542817 0.599756h170.530695C710.527404-1.899228 833.477436 32.886635 911.045912 112.954095c80.167419 77.568476 114.853323 200.518508 112.454298 313.972399v170.530696c2.399025 113.453892-32.286878 236.403924-112.454298 313.972399-77.568476 80.167419-200.518508 114.853323-313.9724 112.454298H426.542817c-113.453892 2.399025-236.403924-32.286878-313.9724-112.454298C32.402998 833.961073-2.282906 711.011041 0.116119 597.557149V427.026454C-2.282906 313.472603 32.402998 190.52257 112.570417 112.954095 190.138893 32.886635 313.088925-1.899228 426.542817 0.599756z" fill="#F6416C" p-id="3965"></path><path d="M112.570417 112.954095C36.90117 186.224317 1.715469 299.878128 0.116119 407.834254c137.943939 0 249.79848-111.954501 249.798481-249.89844 0-42.782613-10.795613-83.066241-29.687935-118.251942-40.583507 17.892728-77.568476 42.182857-107.656248 73.270223z" fill="#FFFFFF" opacity=".5" p-id="3966"></path><path d="M605.670018 359.753794c0 61.774894 43.782207 113.353932 102.058523 125.349057v-33.486391c0-66.472985-32.286878-125.249098-81.66681-161.234473-12.894759 20.091835-20.391713 43.882166-20.391713 69.371807z" fill="#FF2A8E" opacity=".5" p-id="3967"></path><path d="M514.607027 823.765217c39.98375 0 72.470548-28.88826 72.470548-64.473798h-144.941095c0 35.585538 32.486797 64.473797 72.470547 64.473798zM745.313267 679.623797L715.725291 661.43119c-5.197888-6.197481-8.096709-14.094272-8.096709-22.290941V451.61646c0-93.761895-64.173919-172.230005-150.338901-192.921595v-9.69606c0-26.689153-21.591225-48.280379-48.280379-48.280378-26.689153 0-48.280379 21.591225-48.280379 48.280378v11.29541c-83.066241 22.890697-144.14142 99.759457-144.14142 191.322245V637.740818c0 8.096709-2.798863 15.893541-7.89679 22.091022l-30.587569 20.091835c-18.492485 22.49086-2.698903 56.676966 26.089397 56.676966h415.131288c28.988219-0.099959 44.7818-34.485985 25.989438-56.976844zM565.686268 494.89887L513.307555 604.754224c-1.799269 3.698497-7.097116 2.399025-7.097116-1.699309l-0.099959-67.972376-44.681841 0.099959c-2.798863 0-4.598131-2.998781-3.398619-5.597725l52.378713-109.855354c1.799269-3.698497 7.097116-2.399025 7.097116 1.69931l0.099959 67.972375 44.681841-0.099959c2.798863 0 4.598131 2.998781 3.398619 5.597725z" fill="#FFFFFF" p-id="3968"></path><path d="M707.728541 471.308457v-19.691997c0-62.574569-28.588382-118.351901-73.170263-154.637154-11.095491 17.792769-17.392931 38.684278-17.392931 61.175138-0.099959 55.377494 38.684278 101.658685 90.563194 113.154013z" fill="#F6416C" opacity=".5" p-id="3969"></path></svg>
                    <span style="margin-top: 20px; margin-left: 12px">通知</span>
                </div>
                <div style="margin-top: 10px; margin-left: 17px; width: 60px; float: left">
                    <svg style="width: 50px; height: 50px" t="1592386278112" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4814" width="200" height="200"><path d="M191.6 83.4c-47.4 22.4-85.8 60.8-108.2 108.2L191.6 83.4z" fill="#4ADF9E" p-id="4815"></path><path d="M228.8 69.7C151.6 90.5 90.5 151.6 69.7 228.8L228.8 69.7z" fill="#49DF9E" p-id="4816"></path><path d="M258.2 63.9c-100.8 13-181.3 93.5-194.4 194.4L258.2 63.9z" fill="#48DF9F" p-id="4817"></path><path d="M283.6 62C162.5 63.9 63.9 162.5 62 283.6L283.6 62z" fill="#47E09F" p-id="4818"></path><path d="M307.2 62H287C163.3 62 62 163.3 62 287v20.2L307.2 62z" fill="#46E09F" p-id="4819"></path><path d="M330.7 62H287C163.3 62 62 163.3 62 287v43.7L330.7 62z" fill="#45E09F" p-id="4820"></path><path d="M354.2 62H287C163.3 62 62 163.3 62 287v67.2L354.2 62z" fill="#44E0A0" p-id="4821"></path><path d="M377.8 62H287C163.3 62 62 163.3 62 287v90.8L377.8 62z" fill="#43E0A0" p-id="4822"></path><path d="M401.3 62H287C163.3 62 62 163.3 62 287v114.3L401.3 62z" fill="#42E0A0" p-id="4823"></path><path d="M424.9 62H287C163.3 62 62 163.3 62 287v137.9L424.9 62z" fill="#41E0A0" p-id="4824"></path><path d="M448.4 62H287c-39.8 0-77.3 10.5-109.8 28.8l-86.4 86.4C72.5 209.7 62 247.2 62 287v161.4L448.4 62z" fill="#40E1A1" p-id="4825"></path><path d="M472 62H287c-23.7 0-46.5 3.7-68 10.6L72.6 219C65.7 240.5 62 263.3 62 287v185L472 62z" fill="#3FE1A1" p-id="4826"></path><path d="M495.5 62H287c-12.6 0-24.9 1.1-37 3.1l-185 185c-2 12-3.1 24.4-3.1 37v208.5L495.5 62z" fill="#3EE1A1" p-id="4827"></path><path d="M519.1 62H287c-3.6 0-7.1 0.1-10.6 0.3L62.3 276.4c-0.2 3.5-0.3 7-0.3 10.6v232.1L519.1 62z" fill="#3DE1A1" p-id="4828"></path><path d="M62 542.6L542.6 62H300.2L62 300.2z" fill="#3CE1A2" p-id="4829"></path><path d="M62 566.2L566.2 62H323.8L62 323.8z" fill="#3BE1A2" p-id="4830"></path><path d="M62 589.7L589.7 62H347.3L62 347.3z" fill="#3AE1A2" p-id="4831"></path><path d="M62 613.3L613.3 62H370.8L62 370.8z" fill="#39E2A2" p-id="4832"></path><path d="M62 636.8L636.8 62H394.4L62 394.4z" fill="#38E2A3" p-id="4833"></path><path d="M62 417.9v242.5L660.4 62H417.9z" fill="#37E2A3" p-id="4834"></path><path d="M62 441.5v242.4L683.9 62H441.5z" fill="#36E2A3" p-id="4835"></path><path d="M62 465v242.5L707.5 62H465z" fill="#35E2A3" p-id="4836"></path><path d="M62 488.6V731L731 62H488.6z" fill="#34E2A3" p-id="4837"></path><path d="M737 62H512.1L62 512.1V737c0 5.7 0.2 11.3 0.6 16.9L753.9 62.6c-5.6-0.4-11.2-0.6-16.9-0.6z" fill="#33E2A4" p-id="4838"></path><path d="M737 62H535.7L62 535.7V737c0 12.9 1.1 25.5 3.2 37.9L774.9 65.2c-12.4-2.1-25-3.2-37.9-3.2z" fill="#32E3A4" p-id="4839"></path><path d="M737 62H559.2L62 559.2V737c0 19.8 2.6 38.9 7.4 57.2L794.2 69.4C775.9 64.6 756.8 62 737 62z" fill="#31E3A4" p-id="4840"></path><path d="M737 62H582.8L62 582.8V737c0 26.3 4.6 51.6 13 75.2L812.2 75c-23.6-8.4-48.9-13-75.2-13z" fill="#30E3A4" p-id="4841"></path><path d="M737 62H606.3L62 606.3V737c0 32.7 7.1 63.8 19.8 92L829 81.8C800.8 69.1 769.7 62 737 62z" fill="#2FE3A5" p-id="4842"></path><path d="M844.7 89.6C812.6 72 775.9 62 737 62H629.9L62 629.9V737c0 38.9 10 75.6 27.6 107.7L844.7 89.6z" fill="#2EE3A5" p-id="4843"></path><path d="M859.4 98.5C824.1 75.4 782 62 737 62h-83.6L62 653.4V737c0 45 13.4 87.1 36.5 122.4L859.4 98.5z" fill="#2DE3A5" p-id="4844"></path><path d="M873.2 108.2C835.3 79.3 788.1 62 737 62h-60L62 677v60c0 51.1 17.3 98.3 46.2 136.2l765-765z" fill="#2CE3A5" p-id="4845"></path><path d="M886.1 118.8C846.3 83.5 794 62 737 62h-36.5L62 700.5V737c0 57 21.5 109.3 56.8 149.1l767.3-767.3z" fill="#2BE4A6" p-id="4846"></path><path d="M737 62h-12.9L62 724.1V737c0 63 26.3 120.2 68.4 161.1l767.8-767.8C857.2 88.3 800 62 737 62z" fill="#2AE4A6" p-id="4847"></path><path d="M62.2 747.4c3 64.8 33.7 122.7 80.5 161.9l766.6-766.6C870 95.9 812.2 65.2 747.4 62.2L62.2 747.4z" fill="#29E4A6" p-id="4848"></path><path d="M64.3 768.9c8.9 61.8 43.1 115.7 91.7 150.7L919.6 156c-35-48.6-88.9-82.8-150.7-91.7L64.3 768.9z" fill="#28E4A6" p-id="4849"></path><path d="M68 788.7c14 59.1 51.5 109.4 102.1 140.4l758.9-759c-30.9-50.5-81.2-88-140.4-102.1L68 788.7z" fill="#27E4A7" p-id="4850"></path><path d="M73.2 807c18.7 56.7 59.4 103.6 111.9 130.5l752.3-752.3c-26.8-52.5-73.7-93.3-130.4-112L73.2 807z" fill="#26E4A7" p-id="4851"></path><path d="M79.7 824.1c23.1 54.4 67 98.1 121.6 120.8l743.6-743.6c-22.7-54.6-66.3-98.6-120.8-121.6L79.7 824.1z" fill="#25E5A7" p-id="4852"></path><path d="M87.2 840.1c27.2 52.3 74.4 92.8 131.3 111.1l732.8-732.8C933 161.5 892.5 114.3 840.2 87.1l-753 753z" fill="#25E5A7" p-id="4853"></path><path d="M95.8 855.1c31.3 50.3 81.9 87.6 141.2 101.2L956.3 237c-13.6-59.4-50.8-110-101.2-141.2L95.8 855.1z" fill="#24E5A7" p-id="4854"></path><path d="M256.9 960L960 256.9c-8.4-62-42.3-116.3-90.8-151.6l-764 764c35.4 48.3 89.6 82.3 151.7 90.7z" fill="#23E5A8" p-id="4855"></path><path d="M278.6 961.8l683.3-683.3c-2.4-65.1-32.8-123.3-79.5-162.9L115.6 882.4c39.7 46.6 97.9 77 163 79.4z" fill="#22E5A8" p-id="4856"></path><path d="M962 287c0-62.5-25.8-119.3-67.3-160.1L126.9 894.7C167.7 936.2 224.5 962 287 962h14.9L962 301.9V287z" fill="#21E5A8" p-id="4857"></path><path d="M962 287c0-56.5-21.1-108.4-55.9-148L139 906.1c39.6 34.8 91.5 55.9 148 55.9h38.5L962 325.5V287z" fill="#20E5A8" p-id="4858"></path><path d="M962 287c0-50.6-16.9-97.4-45.3-135L152 916.7c37.7 28.4 84.5 45.3 135 45.3h62l613-613v-62z" fill="#1FE6A9" p-id="4859"></path><path d="M962 287c0-44.5-13.1-86.1-35.7-121.2L165.8 926.3c35 22.5 76.6 35.7 121.2 35.7h85.6L962 372.6V287z" fill="#1EE6A9" p-id="4860"></path><path d="M962 287c0-38.4-9.8-74.6-26.9-106.4L180.6 935.1c31.7 17.2 68 26.9 106.4 26.9h109.1L962 396.1V287z" fill="#1DE6A9" p-id="4861"></path><path d="M287 962h132.7L962 419.7V287c0-32.2-6.9-62.8-19.2-90.6L196.4 942.8c27.8 12.3 58.4 19.2 90.6 19.2z" fill="#1CE6A9" p-id="4862"></path><path d="M287 962h156.2L962 443.2V287c0-25.8-4.4-50.6-12.5-73.7L213.3 949.5c23.1 8.1 47.9 12.5 73.7 12.5z" fill="#1BE6AA" p-id="4863"></path><path d="M287 962h179.8L962 466.8V287c0-19.2-2.4-37.8-7-55.6L231.4 955c17.8 4.6 36.4 7 55.6 7z" fill="#1AE6AA" p-id="4864"></path><path d="M287 962h203.3L962 490.3V287c0-12.3-1-24.4-2.9-36.2L250.8 959.1c11.8 1.9 23.9 2.9 36.2 2.9z" fill="#19E6AA" p-id="4865"></path><path d="M287 962h226.9L962 513.9V287c0-5.1-0.2-10.1-0.5-15L272 961.5c4.9 0.3 9.9 0.5 15 0.5z" fill="#18E7AA" p-id="4866"></path><path d="M537.4 962L962 537.4V295L295 962z" fill="#17E7AB" p-id="4867"></path><path d="M561 962l401-401V318.5L318.5 962z" fill="#16E7AB" p-id="4868"></path><path d="M584.5 962L962 584.5V342.1L342.1 962z" fill="#15E7AB" p-id="4869"></path><path d="M608.1 962L962 608.1V365.6L365.6 962z" fill="#14E7AB" p-id="4870"></path><path d="M631.6 962L962 631.6V389.2L389.2 962z" fill="#13E7AB" p-id="4871"></path><path d="M655.2 962L962 655.2V412.7L412.7 962z" fill="#12E7AC" p-id="4872"></path><path d="M678.7 962L962 678.7V436.3L436.3 962z" fill="#11E8AC" p-id="4873"></path><path d="M702.2 962L962 702.2V459.8L459.8 962z" fill="#10E8AC" p-id="4874"></path><path d="M725.8 962L962 725.8V483.4L483.4 962z" fill="#0FE8AC" p-id="4875"></path><path d="M962 737V506.9L506.9 962H737c4.3 0 8.5-0.1 12.7-0.4l211.9-211.9c0.3-4.2 0.4-8.4 0.4-12.7z" fill="#0EE8AD" p-id="4876"></path><path d="M962 737V530.5L530.5 962H737c13.4 0 26.6-1.2 39.4-3.5l182.2-182.2c2.2-12.7 3.4-25.9 3.4-39.3z" fill="#0DE8AD" p-id="4877"></path><path d="M962 737V554L554 962h183c24.8 0 48.6-4.1 71-11.6L950.4 808c7.5-22.4 11.6-46.2 11.6-71z" fill="#0CE8AD" p-id="4878"></path><path d="M962 737V577.6L577.6 962H737c41.8 0 80.9-11.5 114.6-31.6l78.9-78.9c20-33.6 31.5-72.7 31.5-114.5z" fill="#0BE8AD" p-id="4879"></path><path d="M962 601.1L601.1 962H737c123.8 0 225-101.3 225-225V601.1z" fill="#0AE9AE" p-id="4880"></path><path d="M962 624.7L624.7 962H737c123.8 0 225-101.3 225-225V624.7z" fill="#09E9AE" p-id="4881"></path><path d="M962 648.2L648.2 962H737c123.8 0 225-101.3 225-225v-88.8z" fill="#08E9AE" p-id="4882"></path><path d="M962 671.8L671.8 962H737c123.8 0 225-101.3 225-225v-65.2z" fill="#07E9AE" p-id="4883"></path><path d="M962 695.3L695.3 962H737c123.8 0 225-101.3 225-225v-41.7z" fill="#06E9AF" p-id="4884"></path><path d="M962 718.8L718.8 962H737c123.8 0 225-101.3 225-225v-18.2z" fill="#05E9AF" p-id="4885"></path><path d="M961.9 742.5L742.5 961.9c119.4-2.9 216.5-100 219.4-219.4z" fill="#04E9AF" p-id="4886"></path><path d="M959.8 768.1L768.1 959.8c99-13.8 177.9-92.7 191.7-191.7z" fill="#03EAAF" p-id="4887"></path><path d="M953.6 797.9L797.9 953.6c75-21.3 134.4-80.7 155.7-155.7z" fill="#02EAB0" p-id="4888"></path><path d="M938.7 836.3L836.3 938.7c44.3-21.9 80.5-58.1 102.4-102.4z" fill="#01EAB0" p-id="4889"></path><path d="M682.5 737.1H340.2c-19.8 0-35.9-16.1-35.9-35.9V323c0-19.8 16.1-35.9 35.9-35.9H550c4.4 0 8.7 1.6 12 4.6l150.3 143.1c3.8 3.4 6 8.3 6 13.4v253.1c0 19.8-16 35.8-35.8 35.8z" fill="#CAF6E1" p-id="4890"></path><path d="M628.3 656.1h-234c-9.9 0-18-8.1-18-18s8.1-18 18-18h234c9.9 0 18 8.1 18 18s-8.1 18-18 18zM456.5 539.8l13.1-87.3c0.5-3.5 2.2-6.8 4.7-9.3L621 296.4c13.3-13.3 35.6-12.6 49.6 1.4l38.2 38.2c14 14 14.6 36.3 1.4 49.6L563.4 532.3c-2.5 2.5-5.8 4.2-9.3 4.7l-87.4 13c-6 0.9-11.1-4.2-10.2-10.2z" fill="#F6FDFA" p-id="4891"></path></svg>
                    <span style="margin-top: 20px; margin-left: 10px">发布</span>
                </div>
                <div style="margin-top: 10px; margin-left: 30px; width: 60px; float: left">
                    <svg style="width: 50px; height: 50px"t="1592386315120" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5359" width="200" height="200"><path d="M768 946.176H256c-98.304 0-178.176-79.872-178.176-178.176V256c0-98.304 79.872-178.176 178.176-178.176h512c98.304 0 178.176 79.872 178.176 178.176v512c0 98.304-79.872 178.176-178.176 178.176zM256 135.168c-66.56 0-120.832 54.272-120.832 120.832v512c0 66.56 54.272 120.832 120.832 120.832h512c66.56 0 120.832-54.272 120.832-120.832V256c0-66.56-54.272-120.832-120.832-120.832H256z" fill="#03A9F4" p-id="5360"></path><path d="M302.6944 386.4576h313.9584c14.5408 0 26.2144-13.9264 26.2144-31.1296 0-17.2032-11.6736-31.1296-26.2144-31.1296H302.6944c-14.5408 0-26.2144 13.9264-26.2144 31.1296 0 17.2032 11.6736 31.1296 26.2144 31.1296zM721.3056 481.0752H302.6944c-14.5408 0-26.2144 14.1312-26.2144 31.5392s11.6736 31.5392 26.2144 31.5392h418.6112c14.5408 0 26.2144-14.1312 26.2144-31.5392s-11.6736-31.5392-26.2144-31.5392zM721.3056 638.1568H302.6944c-14.5408 0-26.2144 13.7216-26.2144 30.9248 0 16.9984 11.6736 30.9248 26.2144 30.9248h418.6112c14.5408 0 26.2144-13.7216 26.2144-30.9248 0-16.9984-11.6736-30.9248-26.2144-30.9248z" fill="#03A9F4" p-id="5361"></path></svg>
                    <span style="margin-top: 20px; margin-left: 12px">最新</span>
                </div>
                <div style="margin-top: 10px; margin-left: 30px; width: 60px; float: left">
                    <svg style="width: 50px; height: 50px" t="1592386355340" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5734" width="200" height="200"><path d="M986.069333 682.88c-18.858667-29.098667-58.752-36.010667-88.746666-18.688l-137.301334 79.232-195.712-108.672-73.941333 42.666667 145.92 137.472-109.013333 62.933333-94.421334-44.032-55.424 32 177.066667 116.906667a42.666667 42.666667 0 0 0 44.8 1.322666l69.546667-40.106666 295.594666-170.666667a64 64 0 0 0 21.632-90.368" fill="#8BB3F1" p-id="5735"></path><path d="M512 42.666667C253.184 42.666667 42.666667 253.184 42.666667 512c0 158.549333 79.232 305.28 211.882666 392.490667l46.890667-71.338667a390.101333 390.101333 0 0 1-43.904-33.706667l59.690667-97.834666a64.426667 64.426667 0 0 0-15.616-84.522667 85.418667 85.418667 0 0 1-30.421334-88.917333l12.074667-46.762667A80.938667 80.938667 0 0 0 237.397333 386.986667l-75.050666-32.896a385.706667 385.706667 0 0 1 209.792-199.338667l-12.501334 33.493333a167.338667 167.338667 0 0 0 81.834667 208.426667l35.157333 17.578667a188.416 188.416 0 0 1 80.469334 77.013333l57.173333 102.912c23.893333 43.093333 85.333333 44.629333 111.445333 2.858667l41.216-65.962667a132.394667 132.394667 0 0 0 6.144-129.450667 53.76 53.76 0 0 1 20.48-70.229333l42.069334-25.216a381.44 381.44 0 0 1 56.405333 261.205333l84.48 12.202667C979.712 557.354667 981.333333 534.613333 981.333333 512c0-258.816-210.517333-469.333333-469.333333-469.333333" fill="#1768E4" p-id="5736"></path></svg>
                    <span style="margin-top: 20px; margin-left: 12px">签证</span>
                </div>
                <div style="margin-top: 10px; margin-left: 30px; width: 60px; float: left">
                    <svg style="width: 50px; height: 50px" t="1592386436773" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7774" width="200" height="200"><path d="M839.4 877.5c0 33.7-28.9 61.1-64.7 61.1h-646c-35.8 0-64.7-27.4-64.7-61.1 0-122.1 124.9-236.3 252.5-281.2-73.7-43.1-123.3-119.6-123.3-207.5v-61.1c0-135 115.8-244.5 258.5-244.5s258.5 109.5 258.5 244.5v61.1c0 87.9-49.6 164.4-123.3 207.5 127.6 45 252.5 159.1 252.5 281.2z" fill="#42C9E8" p-id="7775"></path><path d="M904 700.8h-82.6l8-18.6c16-34.6 15.6-63.7 2.7-85.2-13.8-23-39-26.6-52.4-25.8-5.2 0.3-9.7 3.3-12.4 7.8l-71.4 122h-65.7c-10.4 0-18.8 8.4-18.8 18.8v202.1c0 10.4 8.4 18.8 18.8 18.8h70.5v-0.3c0.3 0 0.5 0.2 0.8 0.2H880c26.6 0 50.6-18.6 53.3-45.3l26.6-141.2c0-29.3-23.9-53.3-55.9-53.3z" fill="#FFB161" p-id="7776"></path><path d="M661.4 908.2c-11.1 0-20.1-9-20.1-20.1V753.7c0-11.1 9-20.1 20.1-20.1 11.1 0 20.1 9 20.1 20.1v134.5c0 11-9 20-20.1 20z" fill="#FDDE80" p-id="7777"></path></svg>
                    <span style="margin-top: 20px; margin-left: 12px">推荐</span>
                </div>
            </div>

            <van-grid
                    style="margin-left: -24px; float: left"
                    center
                    :border="false" :column-num="3">
                <van-grid-item>
                    <span style="margin-left: -220px; margin-bottom: 10px">梧州招聘计划进行中</span>
                    <van-image src="http://img1.imgtn.bdimg.com/it/u=2730857972,3099061659&fm=26&gp=0.jpg" width="400px" height="100px"/>
                </van-grid-item>
                <van-grid-item>
                    <span style="margin-left: -146px; margin-bottom: 10px">北京尚学堂邀您参加java培训班</span>
                    <van-image src="http://img5.imgtn.bdimg.com/it/u=2719687892,3786437107&fm=26&gp=0.jpg" width="400px" height="100px"/>
                </van-grid-item>
            </van-grid>
        </van-pull-refresh>
    </div>
</template>

<script>
    import Toast from "vant/lib/toast";

    export default {
        name: "Main",
        data() {
            return{
                isLoading: false,
                active: 2,
                images: [
                    'http://img4.imgtn.bdimg.com/it/u=297969166,1575012378&fm=26&gp=0.jpg',
                    'http://p1.pstatp.com/large/2c480000e516a266d4d1',
                    'http://img0.imgtn.bdimg.com/it/u=1392403833,353777295&fm=26&gp=0.jpg',
                    'http://img1.imgtn.bdimg.com/it/u=1032817729,1362025776&fm=26&gp=0.jpg',
                ],
            }
        },
        methods: {
            onRefresh() {
                setTimeout(() => {
                    Toast('刷新成功');
                    this.isLoading = false;
                    this.count++;
                }, 1000);
            },
        },
    }
</script>
